<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <style>
        .el-header {
            background-color: #B3C0D1;
            color: #333;
            line-height: 60px;
        }

        .el-aside {
            color: #333;
        }

        .el-row {
            margin-bottom: 20px;

        &
        :last-child {
            margin-bottom: 0;
        }

        }
        .el-col {
            border-radius: 4px;
        }

        .bg-purple-dark {
            background: #99a9bf;
        }

        .bg-purple {
            background: #d3dce6;
        }

        .bg-purple-light {
            background: #e5e9f2;
        }

        .grid-content {
            border-radius: 4px;
            min-height: 36px;
        }

        .row-bg {
            padding: 10px 0;
            background-color: #f9fafc;
        }
    </style>

</head>
<body>
<div id="app">
    <el-container style="/*height: 500px;*/ border: 1px solid #eee">
        <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
            <el-menu :default-openeds="['1', '3']" @select="handleSelect" router>
                <el-submenu index="1">
                    <template slot="title"><i class="el-icon-message"></i>个人中心</template>
                        <el-menu-item index="/login">基本信息</el-menu-item>
                        <el-menu-item index="/basic">实名信息</el-menu-item>
                </el-submenu>
                <el-submenu index="2">
                    <template slot="title"><i class="el-icon-menu"></i>客户管理</template>
                    <el-submenu index="2-4">
                        <template slot="title">客户列表</template>
                    </el-submenu>
                    <el-submenu index="2-4">
                        <template slot="title">实名列表</template>
                    </el-submenu>
                </el-submenu>

                <el-submenu index="3">
                    <template slot="title"><i class="el-icon-setting"></i>通道管理</template>
                    <el-menu-item index="3-1">通道列表</el-menu-item>
                </el-submenu>

                <el-submenu index="4">
                    <template slot="title"><i class="el-icon-setting"></i>套餐管理</template>
                    <el-menu-item index="4-1">套餐列表</el-menu-item>
                    <el-menu-item index="4-2">费率列表</el-menu-item>
                </el-submenu>

                <el-submenu index="5">
                    <template slot="title"><i class="el-icon-setting"></i>卡板管理</template>
                    <el-menu-item index="5-1">入库记录</el-menu-item>
                    <el-menu-item index="5-2">卡板列表</el-menu-item>
                    <el-menu-item index="5-3">出库记录</el-menu-item>
                </el-submenu>
                <el-submenu index="6">
                    <template slot="title"><i class="el-icon-setting"></i>订单管理</template>
                    <el-menu-item index="6-1">订单列表</el-menu-item>
                </el-submenu>
                <el-submenu index="7">
                    <template slot="title"><i class="el-icon-setting"></i>数据统计</template>
                    <el-menu-item-group>
                        <template slot="title">面板数据</template>
                        <el-menu-item index="3-1">卡</el-menu-item>
                        <el-menu-item index="3-2">订单</el-menu-item>
                        <el-menu-item index="3-2">客户</el-menu-item>
                    </el-menu-item-group>
                    <el-menu-item-group title="统计数据">
                        <el-menu-item index="3-3">进销存统计</el-menu-item>
                        <el-menu-item index="3-3">流量统计</el-menu-item>
                        <el-menu-item index="3-3">订单统计</el-menu-item>
                        <el-menu-item index="3-3">收入统计</el-menu-item>
                    </el-menu-item-group>
                </el-submenu>
                <el-submenu index="8">
                    <template slot="title"><i class="el-icon-setting"></i>系统管理</template>
                    <el-menu-item index="8-1">通知</el-menu-item>
                    <el-menu-item index="8-2">日志</el-menu-item>
                    <el-menu-item index="8-3">账号管理</el-menu-item>
                    <el-menu-item index="8-4">权限管理</el-menu-item>
                </el-submenu>


            </el-menu>
        </el-aside>

        <el-container>
            <el-header style="text-align: right; font-size: 12px">
                <el-dropdown>
                    <i class="el-icon-setting" style="margin-right: 15px"></i>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item>查看</el-dropdown-item>
                        <el-dropdown-item>新增</el-dropdown-item>
                        <el-dropdown-item>删除</el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
                <span>王小虎</span>
            </el-header>
            <el-main>
               <!-- <el-table :data="tableData">
                    <el-table-column prop="date" label="日期" width="140">
                    </el-table-column>
                    <el-table-column prop="name" label="姓名" width="120">
                    </el-table-column>
                    <el-table-column prop="address" label="地址">
                    </el-table-column>
                </el-table>-->
                <router-view></router-view>
            </el-main>
        </el-container>
    </el-container>

</div>

</body>
</html>
